<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>Super Admin Responsive Template</title>

        <!-- CSS -->
        <link href="lib/css/bootstrap.min.css" rel="stylesheet">
        <link href="lib/css/animate.min.css" rel="stylesheet">
        <!--<link href="css/font-awesome.css" rel="stylesheet">-->
        <link href="lib/css/form.css" rel="stylesheet">
        <link href="lib/css/calendar.css" rel="stylesheet">
        <link href="lib/css/style.css" rel="stylesheet">
        <link href="lib/css/icons.css" rel="stylesheet">
        <link href="lib/css/generics.css" rel="stylesheet">
       <link rel="stylesheet" href="sort/css/kj.css"/>
    <style>
        body{
            text-shadow: 0px;
        }
        .myalert > div{
            padding: 0px ;
        }
        .pagination>li>a{
            color: #fff;
        }
        .pagination>li>a:hover{
            color: #fff;
        }
        .red{
            border-color: red;
        }
        .green{
            border-color: green;
        }
        .mycolor{
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        .pagination>li>a:focus{
            color: #fff;
            border-color: #ddd;
        }
    </style>
    </head>
    <body id="skin-blur-lights" ng-app="lc_app">
    <div ng-controller="hello">
        <header id="header" class="media">
            <!--<a href="" id="menu-toggle"></a> -->
            <a class="logo pull-left" href="index.html">Hotel System</a>
            
            <div class="media-body">
                <!------------------第一行------------------------>
                <div class="media" id="top-menu">

                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>

                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">

            <!-- Sidebar -->
            <aside id="sidebar" style="padding: 0 20px 0 20px">

                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow" style="padding-top: 20px">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 " id="profile-menu1">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="sort/img/profile-pic.jpg" alt="">
                        </a>
                        <h4 class="m-0">Htole System</h4>

                    </div>

                    <div class="text-center s-widget m-b-25 " id="profile-menu" style="padding-top:30px ">
                        <a href="index1.html" data-toggle="dropdown "  class="text1 " >
                            <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                            <span >酒店首页</span>
                        </a> <br/>
                        <div class="dropdown">
                            <a href="room.html" data-toggle="dropdown "  class="text1 " >
                                <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                                <span >客房管理</span>
                            </a> <br/>
                            <ul class="dropdown-menu profile-menu"  >
                                <li data-toggle="modal" data-target="#myModal_1"><a href="" id="scrollme5">住宿登记</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme1">客房预订</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme2">客户查询</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme3">客房调整</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="" id="scrollme4">退房</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                        </div>

                        <a href="KFsys.html"   class="text1 dropdown-toggle">
                            <span class="glyphicon glyphicon-file" style="font-size: 14px;padding-right: 5px"></span>
                            <span >客户信息</span>
                        </a><br/>

                        <div class="dropdown open">
                            <a href="p-management.html" data-toggle="dropdown"  class="text1">
                                <span class="glyphicon glyphicon-user" style="font-size: 14px;padding-right: 5px"></span>
                                <span >人员管理</span>
                            </a><br/>
                            <ul class="dropdown-menu profile-menu" >
                                <li><a href="p-management.html" >管理部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="l-management.html">后勤部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="s-management.html">安保部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                        </div>

                        <a href="Finance.html" class="text1">
                            <span class="glyphicon glyphicon-th-list" style="font-size: 14px;padding-right: 5px"></span>
                            <span >财务明细</span>
                        </a><br/>

                        <div class="dropdown">
                            <div class="CH_mean">
                                <a href="indexx.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-wrench" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >修理维护</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li class="b1"><a  >维修信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b2"><a >指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b3"><a  >维修状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b4"><a  >维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>


                            <div class="lbCh">
                                <a href="indexCh.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-trash" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >清洁管理</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li ><a>清洁信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>
                            <div >
                                <a href="" class="text1" data-toggle="dropdown">
                                    <span class="glyphicon glyphicon-tags" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >日志一览</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu" >
                                    <li><a href="">维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li><a href="">清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li><a href="">财务日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>
                        </div>

                    </div>

                    <!-- Calendar -->
                    <div class="s-widget m-b-25 "  style="padding-top:40px">
                        <div id="sidebar-calendar"></div>
                    </div>

                    <!-- Feeds -->
                    <div class="s-widget m-b-25">
                        <h2 class="tile-title">
                            News Feeds
                        </h2>

                        <div class="s-widget-body">
                            <div id="news-feed"></div>
                        </div>
                    </div>

                    <!-- Projects -->
                </div>
            </aside>
        
            <!-- Content -->
            <section id="content" class="container" style="position: relative">
            
                <!-- Messages Drawer -->
                <div id="messages" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Send a New Message</a>
                            <span class="drawer-close">&times;</span>
                            
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/5.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                                    <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- Notification Drawer -->
                <div id="notifications" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Notification Settings</a>
                            <span class="drawer-close">&times;</span>
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/3.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/4.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/1.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="sort/img/profile-pics/2.jpg" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>
                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs" style="padding-right: 30px">
                    <li><a href="#">用户名：<span class="text_lx35"></span></a></li>
                    <li><a href="#">部门：<span class="bumen_lx35"></span></a></li>
                    <li id="login_out"><a ><button style="color: black" >注销</button></a></li>
                </ol>
                <div class="tis_lx"></div>

                <h2 class="page-title" >管理人员管理</h2>
                                
                <!-- Shortcuts -->
                <div class="block-area shortcut-area" ng-controller="myMd">
                    <div>
                        <div class="table-responsive overflow" tabindex="5001" style="overflow: hidden;outline: none;height: 300px;">
                            <table class="table tile table-hover" style="margin-bottom: 0px;">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>工号</th>
                                    <th>姓名</th>
                                    <th>性别</th>
                                    <th>职位</th>
                                    <th>联系电话</th>
                                    <th>入职时间</th>
                                    <th>员工状态</th>
                                </tr>
                                </thead>
                                <tbody >
                                <tr ng-repeat="x in Data" myid={{x.id}} ng-click="inf_lc($event,x.id)" class="mytr" >
                                    <td>{{$index+1}}</td>
                                    <td>{{x.id}}</td>
                                    <td>{{x.a_name}}</td>
                                    <td>{{x.a_sex}}</td>
                                    <td>{{x.a_position}}</td>
                                    <td>{{x.a_tel}}</td>
                                    <td>{{x.a_InTime}}</td>
                                    <td>{{x.a_state}}</td>
                                </tr>
                                <!--<tr>{{Data}}</tr>-->
                                </tbody>
                            </table>
                        </div>

                        <div style="margin-top: 30px;" ng-controller="myCir">
                            <nav aria-label="Page navigation" class="text-center">
                                <ul class="pagination" >
                                    <li>
                                        <a href="#" aria-label="Previous" ng-click="Previouspage()">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li ng-repeat="y in Datali" >
                                        <a href="#" ng-click="mypage(y.totalpage)">{{y.totalpage}}</a>
                                    </li>
                                    <li>
                                        <a href="#" aria-label="Next" ng-click="nextpage()">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                
              <!--  <hr class="whiter" />-->
                
                <!-- Quick Stats -->
                <div class="block-area" ng-controller="information">
                    <div class="text-center">
                        <h2>个人信息一览</h2>
                    </div>
                    <div class="row" id="information">
                        <div class="col-md-3 m-b-15">
                            <label>姓名</label>
                            <input type="text" ng-model="myDatainp[0].a_name" ng-blur="lc_blur_1($event)"  id="myname" disabled class="input-sm form-control mask-date" placeholder="..." maxlength="10" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>工号</label>
                            <input type="number" id="number_lc"  class="input-sm form-control mask-time" disabled placeholder="..." maxlength="8" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>职位</label>
                            <input type="text" ng-model="myDatainp[0].a_position" ng-blur="lc_blur_2($event)" disabled id="myposition" class="input-sm form-control mask-date_time" placeholder="..." maxlength="19" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>联系电话</label>
                            <input type="text" ng-model="myDatainp[0].a_tel" id="mytel" ng-blur="lc_blur_3($event)" disabled class="input-sm form-control mask-cep" placeholder="..." maxlength="11" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>地址</label>
                            <input type="text" ng-model="myDatainp[0].a_address" id="myaddress" ng-blur="lc_blur_4($event)" disabled class="input-sm form-control mask-phone" placeholder="..." maxlength="9" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>性别</label>
                            <select id="select1" id="mysex"  ng-class="lc_color" ng-blur="lc_blur_p_inp5($event,lc_state_p)" disabled class="input-sm form-control mask-phone_with_ddd">
                                <option value="男">男</option>
                                <option value="女">女</option>
                            </select>
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>入职时间</label>
                            <input type="date" ng-model="myDatainp[0].a_InTime" id="mydate" ng-blur="lc_blur_6($event)" disabled  class="input-sm form-control mask-phone_us" placeholder="..." maxlength="14" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>工资</label>
                            <input type="text" ng-model="myDatainp[0].a_money" id="mymoney" ng-blur="lc_blur_7($event)" disabled class="input-sm form-control mask-mixed" placeholder="..." maxlength="11" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>奖金</label>
                            <input type="text" ng-model="myDatainp[0].a_bonus" id="mybonus" ng-blur="lc_blur_8($event)" disabled class="input-sm form-control mask-cpf" placeholder="..." maxlength="14" autocomplete="off">
                        </div>

                        <div class="col-md-3 m-b-15">
                            <label>员工状态</label>
                            <select id="select" id="mystate" value="{{myDatainp[0].a_state}}" ng-blur="lc_blur_9($event)" disabled ng-class="lc_color" ng-blur="lc_blur_p_inp5($event,lc_state_p)" class="input-sm form-control mask-phone_with_ddd">
                                <option value="在职">在职</option>
                                <option value="离职">离职</option>
                                <option value="休息">休息</option>
                            </select>
                        </div>
                        <div class="col-md-3 m-b-15 text-center" style="margin-top: 5px">

                            <button class="btn btn-lg" ng-click="modify($event,myDatainp[0].id)">确认修改</button>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-9">
                            <div class="row text-center">
                                <h3>员工工作记录</h3>
                            </div>

                            <div class="table-responsive overflow" tabindex="5001" style="overflow: hidden;outline: none;height: 130px;">
                                <table class="table tile">
                                    <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>姓名</th>
                                        <th>事件</th>
                                        <th>时间</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr ng-repeat="mytr in myDatatable">
                                        <td>{{$index+1}}</td>
                                        <td>{{mytr.a_name}}</td>
                                        <td>{{mytr.j_log}}</td>
                                        <td>{{mytr.j_time}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="col-md-8 m-b-15">
                                <input type="text" ng-model="querynumber1"  class="input-sm form-control mask-money querynumber" placeholder="请输入六位的数字" maxlength="22" autocomplete="off">
                            </div>
                            <div class="col-md-4 m-b-15">
                                <button class="btn btn-sm" ng-click="querynumber(querynumber1)">工号查询</button>
                            </div>

                            <div class="col-md-8 m-b-15">
                                <input type="text" ng-model="queryname1" class="input-sm form-control mask-money queryname1" placeholder="请输入你要查询的人名" maxlength="22" autocomplete="off">
                            </div>
                            <div class="col-md-4 m-b-15">
                                <button class="btn btn-sm" ng-click="queryname(queryname1)">姓名查询</button>
                            </div>

                            <div class="col-md-12 m-b-15 text-center">
                                <button class="btn btn-lg" data-toggle="modal" data-target="#myModal">添加员工</button>
                            </div>
                        </div>

                    </div>
                    <div class="modal fade in" id="myModal" aria-hidden="true" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-controller="lc_addStaff_p">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h2 id="myModalLabel">添加员工</h2>
                                </div>
                                <div class="modal-body">
                                    <div class="row" id="addinf">
                                        <div class="col-md-6 m-b-15">
                                            <label>姓名</label>
                                            <input ng-model="lc_name_p" ng-class="lc_color" ng-blur="lc_blur_p_inp1($event,lc_name_p)" type="text"  class="input-sm form-control mask-date" placeholder="..." maxlength="10" autocomplete="off">
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>职位</label>
                                            <input ng-model="lc_position_p" ng-class="lc_color" ng-blur="lc_blur_p_inp2($event,lc_position_p)" type="text" class="input-sm form-control mask-date_time" placeholder="..." maxlength="19" autocomplete="off">
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>联系电话</label>
                                            <input ng-model="lc_tel_p" ng-class="lc_color" type="text" ng-blur="lc_blur_p_inp3($event,lc_tel_p)" class="input-sm form-control mask-cep" placeholder="..." maxlength="11" autocomplete="off">
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>地址</label>
                                            <input ng-model="lc_address_p" ng-class="lc_color" type="text" ng-blur="lc_blur_p_inp4($event,lc_address_p)" class="input-sm form-control mask-phone" placeholder="..." maxlength="9" autocomplete="off">
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>性别</label>
                                            <select ng-model="lc_sex_p" ng-class="lc_color" ng-blur="lc_blur_p_inp5($event,lc_sex_p)" class="input-sm form-control mask-phone_with_ddd">
                                                <option>男</option>
                                                <option>女</option>
                                            </select>

                                            <!--<input ng-model="lc_sex_p" ng-class="lc_color" type="text"  placeholder="..." maxlength="14" autocomplete="off">-->
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>入职时间</label>
                                            <input ng-model="lc_starttime_p" ng-class="lc_color" ng-blur="lc_blur_p_inp7($event)" type="date" class="input-sm form-control mask-phone_us" placeholder="..." maxlength="14" autocomplete="off">
                                        </div>

                                        <div class="col-md-6 m-b-15">
                                            <label>工资</label>
                                            <input ng-model="lc_money_p" ng-class="lc_color" ng-blur="lc_blur_p_inp6($event,lc_money_p)" type="text" class="input-sm form-control mask-mixed" placeholder="..." maxlength="11" autocomplete="off">

                                        </div>

                                        <!--<div class="col-md-6 m-b-15">-->
                                            <!--<label>奖金</label>-->
                                            <!--<input ng-model="lc_bonus_p" ng-class="lc_color" type="text" class="input-sm form-control mask-cpf" placeholder="..." maxlength="14" autocomplete="off">-->
                                        <!--</div>-->

                                        <div class="col-md-6 m-b-15">
                                            <label>员工状态</label>
                                            <select ng-model="lc_state_p" ng-class="lc_color" ng-blur="lc_blur_p_inp5($event,lc_state_p)" class="input-sm form-control mask-phone_with_ddd">
                                                <option>在职</option>
                                                <option>离职</option>
                                                <option>休息</option>
                                            </select>
                                            <!--<input ng-model="lc_state_p" ng-class="lc_color" type="text" class="input-sm form-control mask-money" placeholder="..." maxlength="22" autocomplete="off">-->
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <div class="col-md-6 text-center">
                                        <button type="button" class="btn btn-default" ng-click="lc_Determine_p($event)" data-target="#myModal1">确定</button>
                                    </div>
                                    <div class="col-md-6 text-center">
                                        <button type="button" class="btn btn-primary qx_lc" data-dismiss="modal" ng-click="qxadd()">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

           <!--     <hr class="whiter" />-->
              <!--弹出框、提示框  -->
            <div class="modal fade" tabindex="-1" id="myalert" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div class="text-center">
                                <h1 class="modal-title">提示</h1>
                            </div>
                        </div>
                        <div class="modal-body text-center">
                            <h1 id="myh1"></h1>
                        </div>
                        <div class="modal-footer" >
                            <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
                <!-- Main Widgets -->




                <!-- Chat -->

            </section>

            <!-- Older IE Message -->
            <!--[if lt IE 9]>
            <div class="ie-block">
                <h1 class="Ops">Ooops!</h1>
                <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                <ul class="browsers">
                    <li>
                        <a href="https://www.google.com/intl/en/chrome/browser/">
                            <img src="sort/img/browsers/chrome.png" alt="">
                            <div>Google Chrome</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://www.mozilla.org/en-US/firefox/new/">
                            <img src="sort/img/browsers/firefox.png" alt="">
                            <div>Mozilla Firefox</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://www.opera.com/computer/windows">
                            <img src="sort/img/browsers/opera.png" alt="">
                            <div>Opera</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://safari.en.softonic.com/">
                            <img src="sort/img/browsers/safari.png" alt="">
                            <div>Safari</div>
                        </a>
                    </li>
                    <li>
                        <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                            <img src="sort/img/browsers/ie.png" alt="">
                            <div>Internet Explorer(New)</div>
                        </a>
                    </li>
                </ul>
                <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
            </div>
            <![endif]-->


        <!-- Javascript Libraries -->
        <!-- jQuery -->

        <script src="lib/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="lib/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
        <script src="lib/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

        <!-- Bootstrap -->
        <script src="lib/js/bootstrap.min.js"></script>

        <!-- angular-->
        <script src="lib/js/angular.js"></script>

        <!-- Charts -->
        <script src="lib/js/charts/jquery.flot.js"></script> <!-- Flot Main -->
        <script src="lib/js/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
        <script src="lib/js/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
        <script src="lib/js/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

        <script src="lib/js/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
        <script src="lib/js/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
        <script src="lib/js/charts.js"></script> <!-- All the above chart related functions -->

        <!-- Map -->
        <script src="lib/js/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
        <script src="lib/js/maps/usa.js"></script> <!-- USA Map for jVectorMap -->

        <!--  Form Related -->
        <script src="lib/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

        <!-- UX -->
        <script src="lib/js/scroll.min.js"></script> <!-- Custom Scrollbar -->

        <!-- Other -->
        <script src="lib/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="lib/js/feeds.min.js"></script> <!-- News Feeds -->

        <!-- All JS functions -->
        <script src="lib/js/functions.js"></script>
        <script src="communal/js/reg_lc.js"></script>
        <script src="sort/js/lcp.man.js"></script>
        <script src="communal/js/local.js"></script>
    </section</div></body>
</html>
